<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@ include file="../../root.jsp"%>
<meta http-equiv="X-UA-Compatible" content="IE=11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${basePath}static/fonts/font-awesome.min.css" />
<link rel="stylesheet" href="${basePath}static/css/main.css" />
<style type="text/css">
	.waikuang{
		width: 384px;
		height: 506px;
		position: absolute;
		z-index: 999;
		top: 300px;
		left: 800px;
		display: none;
	}
	#zhTitle{
		background-color:#fff;
		width:100%;
		height:30px;
		color: #000;
	}
	#zhImg{
		width:16px;
		height:18px;
		float:left;
		margin-left:8px;
		margin-top:5px;
		}
	#zhTxt{
		font-size:14px;
		font-family: "黑体";
		padding-top:6px;
		float:left;
	}
	#zhEdit{
		width:14px;
		height:14px;
		float:right;
		margin-right:15px;
		margin-top:3px;
	}
	#zhCount{
		width:100%;
		height:431px;
		background-color:#EFEFEF;
	}
	.zhTdTitle{
		background-color:#A7CBF1;
		height:20px;
		font-size:14px;
		font-family:"黑体";
		font-weight:bold;
		padding-left:10px;
		padding-top:6px;
	}
	#zhCount table{
		font-size:12.5px;
		font-family:"黑体";
		
	}
	#zhCount td{
		border:0;
		color: #000;
		}
	#zhCount table .td1{
		font-weight:bold;
		padding-left:20px;
		width:32%;
	}
	#zhCount table .td2{
		font-weight:bold;
		padding-left:10px;
		width:30%;
	}
	#dxtButton td{
		text-align:center;
		border:0;
		}
                    .gzjs_label{
                        margin-top: -17px;
                        margin-left: 22px;
                        font-size: 12px;
                        color:rgb(0,255,0);
                        text-align: center;
                    }
</style>

<title>轨道交通</title>
</head>
<body onload="">
    <div class="main">
            <%--<div class="top"><%@ include file="../../jsp/header.jsp"%></div>--%>
            <div class="center" style="background-color:#808080;" >
			
                <div class="right">
                    <div class="left"><%@ include file="../../jsp/left.jsp"%></div>
                    <div class="left1">
                                    <div class="menu" style="background-color: #aeb9bd;height: 866px;border-right: 10px solid #aeb9bd;border-bottom: 2px solid #aeb9bd;clip-path: polygon(0% 0%,100% 0%, 100% 98%, 0% 100%,0% 100%);width: 0px;position: fixed;">		
                                    </div>
                                    <div style="float:left;cursor: pointer;margin-left: 10px;" onclick="javascript:showLeft1();">
                                        <div style="float:left;width: 25px;height: 30px;background: #aeb9bd;position: absolute;clip-path: polygon(0% 0%, 100% 50%, 0% 50%, 0% 0%);"></div>
                                        <div style="float:left;background: #aeb9bd;width: 25px;position: absolute;height: 135px;margin-top: 15px;"></div>
                                        <div style="float:left;width: 25px;height: 25px;background: #aeb9bd;position: absolute;clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 0%);margin-top: 150px;"></div>
                                        <i class="fa fa-angle-double-right fa-2x" style="margin-top: 62px;position: absolute;color: #ffffff;margin-left: 0px;"></i>
                                        <img src="${basePath}static/images/null.png" width="30" height="170" usemap="#planetmap" style="border:0px">
                                        
                                    </div>
                    </div>
                    </div>
                <div style="width: 1838px;height: 30px;margin-left: 10px;text-align: center;color: #FFFFFF;padding-top: 10px;">
                            <span id="page_title" style="font-family:'微软雅黑';font-size: 30px;">运营管理</span>
                    </div>
                <div style="width: 1838px;height: 810px; background-image: url('${basePath}static/images/plan_bg2.png'); margin-left: 35px;z-index: 1;">

                        <!-- 故障监测 -->
                        <div id="gzjs" style="width: 530px;height: 217px;z-index: 10;margin-left: 30px;padding-top: 110px;float: left;" >
                            <table  width="100%" height="100%;" border="0" cellpadding="0" cellspacing="0" style="">
                                <tr>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="${basePath}static/images/PLAN/EMCS_yellow.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="${basePath}static/images/PLAN/AFC_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="${basePath}static/images/PLAN/PSD_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="${basePath}static/images/PLAN/FAS_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="${basePath}static/images/PLAN/NMS_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                </tr>
                                <tr>
                                    <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>正常空调季I</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>正常模式</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>开&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>自动</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>主服务器</label></div>
                                        </td>
                                </tr>
                                <tr>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="/Metro/static/images/PLAN/EMCS_yellow.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="/Metro/static/images/PLAN/AFC_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="/Metro/static/images/PLAN/PSD_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="/Metro/static/images/PLAN/FAS_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt="" src="/Metro/static/images/PLAN/NMS_green.png" style="cursor:pointer"></div>
                                            
                                        </td>
                                </tr>
                                <tr>
                                    <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>正常</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>正常</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>正常</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>正常</label></div>
                                        </td>
                                        <td  style="border: 0;">                       
                                            <div class="gzjs_label"><label>正常</label></div>
                                        </td>
                                </tr>
                            </table>
                        </div>

                        <!-- 客流统计 -->
                        <div id="kltj" style="width: 550px;height:300px;margin-left: 85px;padding-top: 75px;float: left;" >
                                <div id="main1" style="width: 550px;height:300px;"></div>
                        </div>

                        <!-- 环境参数 -->
                        <div id="hjcs" style="width: 560px;height:300px;margin-left: 70px;padding-top: 65px;float: left; z-index: 10" >
                                <div id="main2" style="width: 560px;height:130px;"></div>

                                <div id="main3" style="width: 560px;height:130px;margin-top: 43px;"></div>
                        </div>

                        <!-- 重要设备监视 -->
                        <div id="zysbjs" style="width:585px;height: 370px; clear:both; float: left; margin-top: 60px; margin-left: 10px; z-index: 10">
                                <table id="wai" width="100%" height=100%" border="0" cellpadding="0" cellspacing="0" style="">
                                        <tr>
                                                <td width="65%" height="33px" style="border-top: 0;border-right: 1px dashed #aeb9bd; border-bottom: 0;border-left: 0;" >
                                                </td>
                                                <td style="border: 0;">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td height="45.5%" style="border-top: 0;border-right: 1px dashed #aeb9bd; border-bottom: 1px dashed #aeb9bd;border-left: 0;">
                                                        <table width="100%" height=100%" border="0" cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                        <td rowspan="4" width="10%" style="font-size: 12px;font-family:'微软雅黑'; color: #C7C7C8;border: 0;">
                                                                                &nbsp;&nbsp;&nbsp;组<br>&nbsp;&nbsp;&nbsp;合<br>&nbsp;&nbsp;&nbsp;式<br>&nbsp;&nbsp;&nbsp;空<br>&nbsp;&nbsp;&nbsp;调<br>
                                                                        </td>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKT-I1" style="width: 14px;height: 14px; float: left;margin-left: 50px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKT-I1">变</span></div>
                                                                                <div style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-I1" alt="" onclick="show1('KT-I1');" src="${basePath}static/images/fengji/da/ZKT_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKT-I2" style="width: 14px;height: 14px; float: left;margin-left: 10px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKT-I2">变</span></div>
                                                                                <div  style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-I2" alt="" onclick="show1('KT-I2');" src="${basePath}static/images/fengji/da/ZKT_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 90px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-I1</td>
                                                                        <td style="padding-left: 50px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-I2</td>
                                                                </tr>
                                                                <tr>
                                                                        <td style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKT-II1" style="width: 14px;height: 14px; float: left;margin-left: 50px; color: #DFBC00;font-weight:bold;"><span id="TxtEmcsKT-II1">变</span></div>
                                                                                <div  style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-II1" alt="" onclick="show1('KT-II1');" src="${basePath}static/images/fengji/da/ZKT_yellow_run.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKT-II2" style="width: 14px;height: 14px; float: left;margin-left: 10px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKT-II2">变</span></div>
                                                                                <div  style="width: 70px;height: 50px; float: left;margin-left: 5px;"><img id="KT-II2" alt="" onclick="show1('KT-II2');" src="${basePath}static/images/fengji/da/ZKT_green.gif" style="cursor:pointer"></div>
                                                                        </td>	
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 85px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-II1</td>
                                                                        <td style="padding-left: 45px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KT-II2</td>
                                                                </tr>

                                                        </table>
                                                </td>
                                                <td height="45.5%" style="border-top: 0;border-right: 0; border-bottom: 1px dashed #aeb9bd;border-left: 0;">
                                                         <table width="100%" height=100%" border="0" cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt=""  src="${basePath}static/images/ZFT_green_down.png" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div  style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt=""  src="${basePath}static/images/ZFT_green_up.png" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td rowspan="4" width="10%" style="font-size: 12px;font-family:'微软雅黑'; color: #C7C7C8;border: 0;">
                                                                                &nbsp;&nbsp;&nbsp;公<br>&nbsp;&nbsp;&nbsp;共<br>&nbsp;&nbsp;&nbsp;区<br>&nbsp;&nbsp;&nbsp;扶<br>&nbsp;&nbsp;&nbsp;梯<br>
                                                                        </td>
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 20px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">FT-A1</td>
                                                                        <td style="padding-left: 20px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">FT-B1</td>
                                                                </tr>
                                                                <tr>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt=""  src="${basePath}static/images/ZFT_green_down.png" style="cursor:pointer"></div>
                                                                        </td> 
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 20px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">FT-A2</td>
                                                                        
                                                                </tr>

                                                        </table>
                                                </td>
                                        </tr>
                                        <tr>
                                                <td style="border-top: 0;border-right: 1px dashed #aeb9bd; border-bottom: 0;border-left: 0;">
                                                        <table width="100%" height=100%" border="0" cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                        <td rowspan="4" width="10%" style="font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">
                                                                                &nbsp;&nbsp;&nbsp;大<br>&nbsp;&nbsp;&nbsp;系<br>&nbsp;&nbsp;&nbsp;统<br>&nbsp;&nbsp;&nbsp;风<br>&nbsp;&nbsp;&nbsp;机<br>
                                                                        </td>
                                                                        <td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKXF-I1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsKXF-I1">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="KXF-I1" alt="" src="${basePath}static/images/fengji/xiao/fengji_green.gif" onclick="show2('KXF-I1')" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKXF-I2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsKXF-I2">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="KXF-I2" alt="" onclick="show2('KXF-I2');" src="${basePath}static/images/fengji/xiao/fengji_green.gif"  style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivHPF-I1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsHPF-I1">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="HPF-I1" alt="" onclick="show2('HPF-I1');" src="${basePath}static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="22.5%" width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivHPF-I2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;margin-top: 20px;"><span id="TxtEmcsHPF-I2">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;margin-top: 20px;"><img id="HPF-I2" alt="" onclick="show2('HPF-I2');"  src="${basePath}static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-I1</td>
                                                                        <td style="padding-left: 25px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-I2</td>
                                                                        <td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-I1</td>
                                                                        <td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-I2</td>
                                                                </tr>
                                                                <tr>
                                                                        <td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKXF-II1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKXF-II1">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="KXF-II1" alt="" onclick="show2('KXF-II1');" src="${basePath}static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivKXF-II2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsKXF-II2">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="KXF-II2" alt="" onclick="show2('KXF-II2');" alt="" src="${basePath}static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivHPF-II1" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsHPF-II1">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="HPF-II1" alt="" onclick="show2('HPF-II1');" src="${basePath}static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="22.5%" width="22.5%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div id="TxtDivHPF-II2" style="width: 14px;height: 14px; float: left;margin-left: 8px; color: #4EA01B;font-weight:bold;"><span id="TxtEmcsHPF-II2">变</span></div>
                                                                                <div style="width: 41px;height: 41px; float: left;margin-left: 5px;"><img id="HPF-II2" alt="" onclick="show2('HPF-II2');" alt="" src="${basePath}static/images/fengji/xiao/fengji_green.gif" style="cursor:pointer"></div>
                                                                        </td>
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-II1</td>
                                                                        <td style="padding-left: 25px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">KXF-II2</td>
                                                                        <td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-II1</td>
                                                                        <td style="padding-left: 28px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">HPF-II2</td>
                                                                </tr>

                                                        </table>
                                                </td>
                                                <td style="border: 0;">
                                                        <table width="100%" height=100%" border="0" cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt=""  src="${basePath}static/images/ZFT_green_up.png" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div  style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt=""  src="${basePath}static/images/ZFT_green_up.png" style="cursor:pointer"></div>
                                                                        </td>
                                                                        <td rowspan="4" width="10%" style="font-size: 12px;font-family:'微软雅黑'; color: #C7C7C8;border: 0;">
                                                                                &nbsp;&nbsp;&nbsp;出<br>&nbsp;&nbsp;&nbsp;入<br>&nbsp;&nbsp;&nbsp;口<br>&nbsp;&nbsp;&nbsp;扶<br>&nbsp;&nbsp;&nbsp;梯<br>
                                                                        </td>
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 20px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">FT-#21</td>
                                                                        <td style="padding-left: 20px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">FT-#41</td>
                                                                </tr>
                                                                <tr>
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt=""  src="${basePath}static/images/ZFT_green_down.png" style="cursor:pointer"></div>
                                                                        </td> 
                                                                        <td width="45%" style="font-size: 14px;font-family:'微软雅黑';border: 0;">
                                                                                <div style="width: auto;height: 52px;float: left;margin-left: 25px;"><img alt=""  src="${basePath}static/images/ZFT_green_up.png" style="cursor:pointer"></div>
                                                                        </td>
                                                                </tr>
                                                                <tr>
                                                                        <td style="padding-left: 20px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">FT-#22</td>
                                                                        <td style="padding-left: 20px;font-size: 12px;font-family:'微软雅黑';color: #C7C7C8;border: 0;">FT-#31</td>
                                                                </tr>

                                                        </table>
                                                </td>
                                        </tr>
                                </table>
                        </div>

                        <!-- 屏蔽门监视   -->

                        <div id="pbmjs" style="width:585px;height: 370px;float: left;margin-left: 32px;padding-top: 95px;" >
                                <img  src="${basePath}static/images/pbmjs.png">
                                <img  src="${basePath}static/images/swjs.png" style="margin-top: 80px;margin-left: 3px;" >
                        </div>

                        <!-- 车站网络状态监视 -->
                        <div id="czwlztjs" style="width:557px;height: 311px;float: left;margin-left: 47px;padding-top: 95px;" >
                                <img  src="${basePath}static/images/czwlztjs.png">
                        </div>
                </div>
	
	<!-- 信息弹出框 -->
	<!-- 组合式(大风机) -->
	<div class="waikuang" id="zhsktq">
                        <div id="zhTitle">
                            <div id="zhImg"><img src="${basePath}static/images/zhktq.png" /></div>
                            <div id="zhTxt">
                                <span>&nbsp;组合式空调器<a id="biaotiID">KT-II2</a></span>
                            </div>
                            <div id="zhEdit">
                                <img style="cursor:pointer" src="${basePath}static/images/zhEdit.png" onclick="hide1()" />
                            </div>
                        </div>
                        <div id="zhCount">
                            <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                    <td colspan="4" class="zhTdTitle" >设备信息</td>
                            </tr>
                            <tr>
                                    <td class="td1">设备名称：</td>
                                <td>组合式空调器</td>
                                <td class="td2">设备代码：</td>
                                <td id="devID">KT-II2</td>
                            </tr>
                            <tr>
                                    <td class="td1">安装位置：</td>
                                <td id="azwz">公共区</td>
                            </tr>
                            <tr>
                                    <td colspan="4" class="zhTdTitle">设备状态</td>
                            </tr>
                            <tr>
                                    <td class="td1">运动状态：</td>
                                <td id="ydzt">停止</td>
                                <td class="td2">有功电镀：</td>
                                <td id="ygdd">15.44 KWh</td>
                            </tr>
                            <tr>
                                    <td class="td1">运动频率：</td>
                                <td id="ydpl">10.56HZ</td>
                                <td class="td2">过载故障：</td>
                                <td id="gzgz">无</td>
                            </tr>
                            <tr>
                                    <td class="td1">变频器故障报警：</td>
                                <td id="bpqgzbj">无</td>
                                <td class="td2">变频器通信故障：</td>
                                <td id="bpqtxgz">无</td>
                            </tr>
                            <tr>
                                    <td class="td1">累计运行时间：</td>
                                <td id="ljyxsj">12.71323</td>
                                <td class="td2">三相平均电流：</td>
                                <td id="sxpjdl">10.61 A</td>
                            </tr>
                            <tr>
                                    <td class="td1">联锁是否满足：</td>
                                <td id="ls">不满足</td>
                            </tr>
                            <tr>
                                    <td colspan="4" class="zhTdTitle">设备控制</td>
                            </tr>
                            <tr>
                                    <td class="td1">当前操作场所：</td>
                                    <td id="dqczcs">远方</td>
                            </tr>
                            <tr>
                                    <td class="td1">频率设定：</td>
                                <td><input id="plsd" type="text" style=" width:70px; height:25px;" /></td>
                                <td>HZ <input type="button" value="设定" style="width:70px; height:25px;" onclick="plsd();" /></td>

                            </tr>
                            <tr>
                                    <td></td>
                                <td><input type="button" value="变频运动" style="width:70px; height:25px;" onclick="yxkz();"/></td>
                                <td>&nbsp;&nbsp;&nbsp;<input type="button" value="变频停止" style="width:70px; height:25px;" onclick="tzkz();"/></td>
                            </tr>
                        </table>
                        </div>
                  </div>
    
    <!-- 大系统（小风机） -->
    <div class="waikuang" id="dxthpfj">
        <div id="zhTitle">
            <div id="zhImg"><img src="${basePath}static/images/zhktq.png" /></div>
            <div id="zhTxt">
                <span>&nbsp;大系统回排风机 <a id="biaotiID2">HPF-I2</a></span>
            </div>
            <div id="zhEdit">
                <img style="cursor:pointer" src="${basePath}static/images/zhEdit.png" onclick="hide2()"/>
            </div>
        </div>
        <div id="zhCount">
                <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                        <td colspan="4" class="zhTdTitle" >设备信息</td>
                </tr>
                <tr>
                        <td class="td1">设备名称：</td>
                    <td>大系统回排风机</td>
                    <td class="td2">设备代码：</td>
                    <td id="devID2">HPF-I2</td>
                </tr>
                <tr>
                        <td class="td1">安装位置：</td>
                    <td id="azwz2">空调机房</td>
                </tr>
                <tr>
                        <td colspan="4" class="zhTdTitle">设备状态</td>
                </tr>
                <tr>
                        <td class="td1">运动状态：</td>
                    <td id="ydzt2">运行</td>
                    <td class="td2">有功电镀：</td>
                    <td id="ygdd2">15.44 KWh</td>
                </tr>
                <tr>
                        <td class="td1">运动频率：</td>
                    <td id="ydpl2">10.56HZ</td>
                    <td class="td2">变频器通信故障：</td>
                    <td id="bpqtxgz2">无</td>

                </tr>
                <tr>
                        <td class="td1">过载故障：</td>
                    <td id="gzgz2">无</td>
                        <td class="td2">火灾模式：</td>
                    <td id="hzms2">无</td>

                </tr>
                <tr>
                        <td class="td1">变频器故障报警：</td>
                    <td id="bpqgzbj2">无</td>
                    <td class="td2">三相平均电流：</td>
                    <td id="sxpjdl2">10.61A</td>
                </tr>
                <tr>
                        <td class="td1">累计运行时间：</td>
                    <td id="ljyxsj2">12.71小时</td>
                        <td class="td2">联锁是否满足：</td>
                    <td id="ls2">不满足</td>
                </tr>
                <tr>
                        <td colspan="4" class="zhTdTitle">设备控制</td>
                </tr>
                <tr>
                        <td class="td1">当前操作场所：</td>
                        <td id="dqczcs2" >远方</td>
                </tr>
                <tr>
                        <td class="td1">频率设定：</td>
                    <td><input id="plsd2" type="text" style=" width:70px; height:25px;" /></td>
                    <td>HZ <input onclick="plsd2();" type="button" value="设定" style="width:70px; height:25px;" /></td>

                </tr>
            </table>
        </div>
        <div id="dxtButton" style="background-color:#EFEFEF;" >
                <table width="100%" height="45px" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td><input onclick="yxkz2();" type="button" value="变频运动" style="width:70px; height:25px;" /></td>
                    <td><input onclick="tzkz2();" type="button" value="变频停止" style="width:70px; height:25px;" /></td>
                    <td><input onclick="hzyx();" type="button" value="火灾运动" style="width:70px; height:25px;" /></td>
                    <td><input onclick="zhtz();" type="button" value="灾后运动" style="width:70px; height:25px;" /></td>
                </tr>
            </table>
        </div>
    </div>

    <%--<div class="bottom" style="margin: -16px 0 0 0;"><%@ include file="../../jsp/bottom.jsp"%></div>--%>
     </div>
     </div>
     </div>

<script src="${basePath}static/js/jquery-1.4.2.min.js"></script>
<script src="${basePath}static/lib/echarts_3.7.1/echarts.js"></script>
<script src="${basePath}static/js/common.js"></script>
<script src="${basePath}view/jsp/js/emcs.js" defer="true"></script>
<script src="${basePath}view/jsp/js/emcs2.js" defer="true"></script>

<script src="${basePath}static/js/index/kltj.js" defer="true"></script>
<script src="${basePath}static/js/index/hjcss.js" defer="true"></script>
<script src="${basePath}static/js/index/hjcsx.js" defer="true"></script>

<script type="text/javascript">
        $(document).ready(function()
		{ 
            //初始化页面标题
            initial_pagetitle();
            //风机状态获取
            getMecsStatus();
            getMecsStatus2();
            //echart初始化
            init1();
            init2();
            init3();
            //
            //setMenu('PLAN','${basePath}')

            $(".waikuang").mousedown(function(e)//e鼠标事件
            {
                $(this).css("cursor", "move");//改变鼠标指针的形状

                var offset = $(this).offset();//DIV在页面的位置
                var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离
                var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离
                $(document).bind("mousemove", function(ev)//绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件
                {
                    $(".waikuang").stop();//加上这个之后

                    var _x = ev.pageX - x;//获得X轴方向移动的值
                    var _y = ev.pageY - y;//获得Y轴方向移动的值

                    $(".waikuang").animate({
                        left : _x + "px",
                        top : _y + "px"
                    }, 10);
                });
            });

            $(document).mouseup(function() {
                $(".waikuang").css("cursor", "default");
                $(this).unbind("mousemove");
            });

            if(!comm_rundemo){
                 //echart initial
                 var echart_timer=window.setInterval(function() {
                 init1();
                 init2();
                 init3();
                 }, 3000);
            }
		});



</script>
</body>
</html>
